<template>
  <div id="app">
      <h4>我是父组件</h4>
      <!-- {{num3}} -->
      <!-- {{num1}} -->
       <child-a :count="count"></child-a> 
      <!-- <button @事件名="methods中的方法"></button> -->
      <!-- 绑定事件 -->
      <!-- <child-b @xxx="fn"></child-b> -->
      <!-- <child-c :num2="num2" @ooo="fn2"></child-c> -->

    <child-e></child-e>
    <child-f></child-f>
  </div>
</template>

<script>
import childA from './page/childa'
import childB from './page/childb'
import childC from './page/childc'
import childE from './page/childe'
import childF from './page/childf'


export default {
  components:{
    childA,childB,childC,childE,childF
  },
  name: 'app',
  data () {
    return {
      count:100,
      num1:0,
      num2:100,
      num3:0
    }
  },
  methods:{
    fn2(argv){
      console.log(argv)
this.num3 = argv

    },
    fn(argv){
      console.log(argv);
this.num1 = argv
      console.log('fn被执行-----');

    }
  }
}
</script>

<style>

</style>
